﻿body
{
    font-size: 0.85em;
}
/* css form
------------------------------------------------------------------------------*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.demo
{
    border: 1px solid #999999;
    padding: 2px;   
    overflow: auto;
    margin:2px;
}
.demo p
{
    width: 65%;
    clear: left;
    margin: 0;
    padding: 5px 0 8px 0;
    padding-left: 100px; /*width of left column containing the label elements*/ /*border-top: 1px dashed gray;*/
    height: 1%;
}

.demo label
{
    font-weight: bold;
    float: left;
    margin-left: -100px; /*width of left column*/
    width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.demo input[type="text"], .cssform input[type="password"]
{
    /*width of text boxes. IE6 does not understand this attribute*/
    width: 120px;
}



/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

.demo .tips
{
    display: block;
    padding: 3px;
    background-color: #FFFFCC;
}
.source
{
    margin:5px;
    border: solid 1px #999999;
    padding: 8px;  
    overflow: auto;
}
.source .code
{
    background-image: url('images/code_bg.jpg');  
}

td
{
     padding:2px;
}

.codeSpan
{
    color:Green;
    font-weight:bold;
    font-size:0.9em;
}